<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view contentType="text/html">

	<h:head>
		<title>#{msg['window.title']}</title>
		<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />

		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />

		<h:outputStylesheet name="default.css" library="css" />

		<h:outputStylesheet name="form.css" library="css" />

		<h:outputStylesheet name="buttons.css" library="css" />

		<ui:insert name="head"></ui:insert>

		<link rel="icon" type="image/x-icon"
			href="../../../resources/images/16/favicon.ico" />

		<link rel="shortcut icon" type="image/x-icon"
			href="../../../resources/images/16/favicon.ico" />


	</h:head>

	<h:body>

		<div class="ui-widget ui-widget-header">
			<div id="logo">
				<h1>#{msg['application.title']}</h1>
			</div>
		</div>

		<p:growl life="3000" id="growl" />

		<div style="width: 100%; text-align: center;">
			<p:menubar autoSubmenuDisplay="true">
				<p:submenu label="Facturas recibidas" icon="entrada">
					<p:menuitem value="Alta" url="/ui/altaFactura.jsf" icon="nuevo" />
					<p:menuitem value="Consulta" url="/ui/facturas.jsf" icon="buscar" />
				</p:submenu>
				<p:menuitem value="#{msg['menu.item.emisionFacturas']}"
					icon="imprimir" url="/ui/emisionFacturas.jsf" />
				<p:submenu label="Empleados" icon="usuarios">
					<p:menuitem value="Alta" url="/ui/altaEmpleado.jsf" icon="nuevo"
						action="#{empleadosBean.resetCurrentEmpleado}" />
					<p:menuitem value="Consulta" url="/ui/empleados.jsf" icon="buscar" />
				</p:submenu>
				<p:menuitem value="#{msg['menu.item.configuracion']}"
					icon="configuracion" url="/ui/parametros.jsf" />
			</p:menubar>
		</div>

		<div id="wrapper">

			<div id="page">

				<div id="content" class="ui-widget">
					<h1 class="title ui-widget-header ui-corner-all">
						<ui:insert name="title">...</ui:insert>
					</h1>
					<div class="">
						<ui:insert name="content">...</ui:insert>
					</div>
				</div>

				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>

		<div id="footer" class="ui-widget ui-widget-header ui-corner-all">
			<p class="copyright">&copy;&nbsp;&nbsp;Corporaci&oacute;n de
				pr&aacute;cticos de Sevilla 2012.</p>
			<!-- 
			<p style="float: right">Datos de contacto</p>
			 -->
		</div>

		<ui:insert name="status">

			<p:ajaxStatus
				style="width:32px;height:32px;display:block;position:fixed;right:0;top:0;">
				<f:facet name="start">
					<p:graphicImage value="../resources/images/ajax-loader.gif" />
				</f:facet>

				<f:facet name="complete">
					<h:outputText value="" />
				</f:facet>
			</p:ajaxStatus>
		</ui:insert>

	</h:body>

</f:view>

</html>
